// body{
//     background: #fff;
// }
.picker-modal{
	background: #fff;
}
.picker-items{
	font-size: 1.1rem;
}
//imgFileUploade
// .box{
//     width: 1024px;margin: 50px auto;
// }


/*图片上传*/
.imgFileUploade{
	width: 100%;padding: 10px;
}
.imgFileUploade .header{
	height: 50px;width: 100%;line-height:50px;
	background: none;
	position: relative;
	z-index: 100000;
}
.imgFileUploade .header span{
	display: block;float:left;
}
.imgFileUploade .header span.imgTitle{
	line-height:50px;
	display: none;
}
.imgFileUploade .header span.imgTitle b{
	color:red;margin:0 5px;line-height: 57px;display: block;float: right;font-size: 20px;
}
.imgFileUploade .header span.imgClick{
	width: 50px;height: 50px;margin-left: 10px;cursor: pointer;
	background: url(../images/upload-bj.png) no-repeat center center;background-size:cover; 
	position: relative;
	z-index: 10000000;
}
.imgFileUploade .header span.imgcontent{
	color:#999;margin-left:120px;line-height: 50px;
	display: none;
}
.imgFileUploade .imgAll{
	width: 100%;    margin-top: 5px;
}
.imgFileUploade .imgAll ul:after{ 
		visibility: hidden;  display: block; font-size: 0; content: ".";  clear: both; height: 0
} 
.imgFileUploade .imgAll li{
	width: 100px;height: 100px;border:solid 1px #ccc;margin:8px 5px;float: left;position: relative;box-shadow: 0 0 10px #eee;
}
.imgFileUploade .imgAll li img{
	position: absolute;top:0;left:0;width: 100%;height: 100%;display: block;
}
.delImg{
	position: absolute;top:-10px;right:-7px;width: 22px;height: 22px;background: #000;border-radius: 50%;display: block;text-align:  center;line-height: 22px;color:#fff;font-weight: 700;font-style:normal;cursor: pointer;
}
.picimg{
	position: absolute;
	top: -10000px;
	left: -10000px;
}


#index{
.head{
    background: #3386ff;
    height: 2.3rem;

    h1{
        font-size: .9rem;
    color: #fff;
    }  
    button{
        border:none;
    }
    .camera{
        width: 1.3rem;
        margin-top: -0.1rem;
        margin-right: .9rem;
        position: relative;
        z-index: 9999;
        img{
            width: 1.8rem;
        }
    } 
    .selffile{
  display: none;
      
    }
}

.content{
    margin-bottom: 3rem;
// box-shadow: none;
.list-block{
    margin: 0;
   
}
.facebook-card{
    box-shadow: none;
    margin: 0;
    padding-top: 2rem;
    .uname{
        font-size: .8rem;
        margin-left: 2.6rem;
      
    }
    .udate{
        font-size: .55rem;
        color: #b1b1b1;
        margin-left: 2.6rem;
    }
   
    .focus{
        display: inline-block;
        padding:0.2rem 0.3rem;
        border:1px solid #14d965;
        color: #14d965;
        position: absolute;
        top: 0.5rem;
        right: 0.6rem;

    }
    .unfocus{
        border:1px solid #4d5466;
        color: #4d5466;
    }
    .udesc{
        color: #4d5466;
        font-size: .8rem;
        margin-top: .8rem;
        margin-bottom: .4rem;
        margin-left: 2rem;
    }
    .show-img{
        margin-left: 2rem;
        img{
            width: 26%;
        }
     
        
    }
    .pos{
        margin-left: 2.6rem;
        img{
            width: .7rem;
            
        }
    }
    .tag{
        span{
            color: #afafaf;
            border: 1px solid #afafaf;
            padding: .1rem .6rem;
        }
       margin-left: 2.6rem;
       margin-top: 0.3rem;
       margin-bottom: 0.3rem;
.active{
    background: #3386ff;
}
    }
   
    .control{
        background: #fff;
        border: 1px solid #afafaf;
        border-left: none;
        border-right: none;
        width: 100%;
        .link{
            color: #afafaf;
            img{
                width: 0.9rem;
            }
        }
      
    }
}

}

.foot{
    .fabu{
        width: 2.2rem;
        height: 2.2rem;
    }
}

}       



#pulish{
.back{
    border: none;
    font-size: 1rem;
    color: #afafaf;
    font-weight: normal;
   
}
.bar-tab .tab-item .fabu-icon{
	height: 2.2rem;
}


.pub_con{
    .pub_title{
       font-weight: 500;
       margin: 0;
       margin-bottom: 1rem;
       padding: 0.5rem 0.6rem;  
       background: #fff;
     .city-picker{
         border: none;
         text-align: right;
         width: 60%;
     }
    }
 
    .show-img{
        margin-bottom: 0.6rem;
    }
    .content-tag{
        background: #fff;
        padding-left: .6rem;
        padding-bottom: 1rem;
        span{
            color: #afafaf;
            border: 1px solid #afafaf;
            padding: .2rem .6rem;
            margin-right: .4rem;
        }
        .active{
            color: #fff;
            border: 1px solid #3386ff;
            background: #3386ff;
        }
    }
    .text{
        margin: 0;
    }
    textarea{
        width: 100%;
        padding: .6rem;
        min-height: 9rem;
        display: block;
        margin-bottom: 1rem;
    }

    
    .sure_btn{
        border-right: .4rem;
        border: 0;
        background: #fff;
        
        width: 8.05rem;
        height: 2.25rem;
        line-height: 2.25rem;
        margin: 0 auto;
        font-size: .8rem;
        color: #333;
        // box-shadow: ;

    }
    .content-tag{
        .tag{

        }
    }

}


}

/* 登录 */

.login-page {
	width: 100%;
}
.login-page .content {
	background-color: #fff;
}
.login-page .content .login-header {
	width: 100%;
	height: 9.75rem;
	background: url(../images/bg.png) no-repeat;
	background-size: cover;
}
.login-page .content .login-header .login-photo {
	width: 4.05rem;
	height: 4.05rem;
	border-radius: 50%;
	margin: 0 auto;
}
.login-page .content .login-header .login-photo img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 1.6rem auto 0;
	box-shadow: 2px 3px 12px 2px #1a3bf8;
}
.login-img {
	height:1.05rem;
	margin-left: .3rem;
}
.login-page .content .item-input input {
	font-size: 0.8rem;
}
.login-page .content .item-input input::placeholder {
	color: #999;
}
.list-block .item-title.label {
	width: 13%;
}
.list-block ul:before,.list-block ul:after {
	background-color: transparent;
}
.list-block .item-inner:after {
	width: 85%;
}
.list-block li .item-content .yzaft {
	position: relative;
}
.yzaft::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 85%;
	background-color: #e7e7e7;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.list-block input[type=text].yzinp {
	display: inline-block;
	width: 40%;
}
.yzcodeimg {
	display: inline-block;
	vertical-align: top;
	margin-right: 1.5rem;
	width: 40%;
	margin-top: .3rem;
}
.yzcodeimg img {
	width:100%;
}
.login-page .subbtn {
	display: block;
	width: 11.05rem;
	height: 2.2rem;
	background: #295ffc url('../images/logo_btn.png') no-repeat;
	background-size: 100%;
	border: 0;
	margin: 0 auto;	
	border-radius: 25px;
  box-shadow: 0 2px 9px #295ffc;
}
.login-page p.qita {
	text-align: center;
	margin: .45rem 0 0 ;
}
.qita a {
	font-size: .7rem;
	color: #477bff;
	padding: 0 .3rem;
}
.qita a:first-child {
	border-right: 1px solid #477bff;
	padding-right: .5rem;
}
.lform-block {
	margin-top: 1.15rem;
}


/* 注册 */
#register{
.register-page header{
	background-color: #477bff;
}
.register-page .list-block {
	margin-top: .5rem;
}
}

// 个人中心
#we{
    .head{
        display: block;
        height: 9rem;
        width: 100%;
        background: #3386ff;
        position: relative;
        .tou{
            position: absolute;
            width: 3rem;
            height: 3rem;
            background:#fff;
            border-radius: 50%;
            top: 2rem;
            left: 1.2rem;
            text-align: center;
            span{
             
                line-height: 2.8rem;
                font-size: 3rem;
            }
            .photo{
               
                width: 3rem;
                height: 3rem;
                background:#fff;
                border-radius: 50%;
                position: absolute;
                left: 0;
                border: none;
            }
        }
        .name{
            color:#fff;
            position: absolute;
            top: 3rem;
            left: 5rem;
        }
    }
    .card{
        box-shadow: 0 .1rem .6rem rgba(0,0,0,.3);
        border-radius: .6rem;
        position: absolute;
        top: 6rem;
        .dyn,.fans{
            width: 8rem;
            height: 3rem;
            text-align: center;
        }
      
    }
    .con{
        background: #fff;
        width: 100%;
        height: 20rem;
        .list-block{
           padding-top: 3rem;
            margin: 0;
          ul:before,ul:after{
            display: none;
          }
          .item-inner:after{
            display: none;
          }
        }
    }



    .foot{
        .fabu{
            width: 2.2rem;
            height: 2.2rem;
        }
    }
}

// 个人资料
#wedata{
    .head{
        background: #fff;
    .back{
        border: none;
        font-size: 1rem;
        color: #afafaf;
        font-weight: normal;

    }
}

.list-block{
    margin: 2.4rem 0 .3rem 0;
    .show_img{
        position: absolute;
        right: -10rem;
        .imgFileUploade {
        .imgAll{
          
            li{
                position: absolute;
                top: -7px;
                left: -2rem;
            
            img{
                width: 2rem;
                height: 2rem;
                z-index: 10000;
                top: -2.9rem;
                 border-radius: 50%;
                 left: -8.3rem;
            }
        }
        }
    }
    }
    .tou{
        height: 3rem;
        .item-after{
            margin-right: -.8rem;
            width: 3rem;
            height: 3rem;
            span{
                line-height: 1.4rem;
                font-size: 2rem;
            }
        }
    }
}
.list-block:nth-child(3){
    margin: .3rem 0 .3rem 0;
}


.photoimg{
	position: absolute;
	top: -10000px;
	left: -10000px;
}


}
